<template>
	<div>
		<div class="bg-white pt-4">
			<el-table class="mt-[20px]" size="large" :data="lists"
				:header-cell-style="{'background':'#0054A6','color':'#FFB400','line-height':'52px','padding':'14px 0'}"
				:cell-style="{'color':'#0054A6','padding':'20px 0'}">
				<el-table-column label="图号" prop="scene_name" align="center">
					<template #default="{ row }">
						<span class="main-color">部门名称</span>
					</template>
				</el-table-column>
				<el-table-column label="机型" prop="AAAAAAAA" align="center" />
				<el-table-column label="提交人" prop="管理员" align="center"/>
				<el-table-column label="Unit Weight(kg)" prop="2400" align="center" />
				<el-table-column label="价格(USD/pcs)" prop="$1000" align="center" />
				<el-table-column label="更新时间" prop="2023-09-18 10:32:57" align="center" />
			</el-table>
		</div>
		<div class="p-[20px] v-flex v-row-right">
			<el-pagination color="#0054A6" background layout="prev, pager, next" :default-page-size="6" :total="1000"
				:pager-count="6" />
		</div>
	</div>
</template>

<script lang="ts" setup>
	const lists = ref<Array<any>>([
		{}, {}, {}
	])
</script>

<style lang="scss" scoped>
	:deep() .el-pagination.is-background .el-pager li.is-active {
		background-color: var(--el-text-color-main);
	}
</style>